<template>
  <div class="list">
          <van-nav-bar
      title="图文介绍"
      left-text="返回"
      left-arrow
      @click-left="$router.back()"
    >
      <template #right>
        <van-icon name="search" size="18" />
      </template>
    </van-nav-bar>
    <div class="list-a"
    v-for="(item,index) in listTuWen"
    :key="index"
    >
        <h2>{{item.title}}</h2>
        <hr>
        <div class="list-x" 
          v-html="item.content"
        >
        
            
        </div>
    </div>
  </div>
</template>

<script>
import {getdescTuData} from '../../apis/api'
export default {
data () {
    return {
        listTuWen:[]
    }
},
async created () {
    const res = await getdescTuData(this.$route.params.id)
    console.log(res);
    this.listTuWen=res.message
}
}
</script>

<style lang="less" scoped>
div.list {
  van-nav-bar {
    template {

    }
  }

  div.list-a {
    h2 {

    }

    hr {

    }
        

    div.list-x {
/deep/.gomeImgLoad{
            width: 100%;
        }
    }
  }
}
</style>